<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="author" content="unclexiao">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>前端知识发布会第002号</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/league.css">
    <link rel="stylesheet" href="css/uncle.css">

</head>
<body>
<div class="reveal">
    <div class="slides">
        <section>
            <h2>前端知识发布会</h2>
            <h4>第002号</h4>
            <p>
                <small>主持人：<a href="https://www.zhihu.com/people/unclexiaofly">@趣你的肖蜀黍</a></small>
            </p>
        </section>

        <section>
            <section>
                <h3>委员会</h3>
                <div>
                    <p class="no-margin">林晓涛</p>
                    <p class="no-margin">肖会</p>
                    <p class="no-margin">陈浩烨</p>
                    <p class="no-margin">李三妹</p>
                    <p class="no-margin">黄庆宇</p>
                    <p class="no-margin">张葛</p>
                    <p class="no-margin">兰坤</p>
                    <p class="no-margin">吴佩莹</p>
                    <p class="no-margin">邹蕾</p>
                    <p class="no-margin">周哲</p>
                    <p class="no-margin">蔡璐</p>
                    <p class="no-margin">黄杰鸿</p>
                    <p class="no-margin">黄伟高</p>
                    <p class="no-margin">庞中武</p>
                </div>
            </section>

            <section>
                <h3>委员会</h3>
                <div>
                    <p class="no-margin">沈斯明</p>
                    <p class="no-margin">王鹏辉</p>
                    <p class="no-margin">邬天美</p>
                    <p class="no-margin">曹清华</p>
                </div>
            </section>
            <section>
                <h3>特邀嘉宾</h3>
                <div>
                    <img class="width-500" src="img/AllenZhang.jpg" alt="">
                </div>
                <h4 class="fragment">因故没有赶到现场……</h4>
            </section>
            <section>
                <h3>但，没有关系</h3>
                <h4 class="fragment">因为委员们都很厉害！！</h4>
            </section>
        </section>

        <section>
            <section>
                <h2>涛哥</h2>
                <div class="">
                    <img class="width-500" src="img/涛哥.jpg" alt="">
                </div>
                <h5>
                    揭阳首富，资深老司机，经历过重构的黑暗时代，了解众安各种鲜为人知的历史
                </h5>
            </section>
            <section>
                <h2>肖蜀黍</h2>
                <div class="">
                    <img class="width-500" src="img/肖蜀黍.jpg" alt="">
                </div>
                <h5>
                    误入挨踢行业的文艺男，代码写得烂又很喜欢瞎逼逼，现全力搞最美的课
                </h5>
            </section>

            <section>
                <h2>陈浩烨</h2>
                <div class="">
                    <img class="width-300" src="img/陈浩烨.jpg" alt="">
                </div>
                <h5>
                    明明是扛起小程序前期开发任务的顶梁柱，却一直不卑不亢，默默奉献
                </h5>
            </section>

            <section>
                <h2>黄庆宇</h2>
                <div class="">
                    <img class="width-500" src="img/黄庆宇.jpg" alt="">
                </div>
                <h5>
                    充满爱心的小鲜肉，正疲于应对频繁修改的需求。
                </h5>
            </section>

            <section>
                <h2>张葛</h2>
                <div class="">
                    <img class="width-300" src="img/张葛.jpg" alt="">
                </div>
                <h5>
                    集颜值与才华于一身，VueJS中文社区站长，拥有异于常人的自驱动力。
                </h5>
            </section>


            <section>
                <h2>兰坤</h2>
                <div class="">
                    <img class="width-500" src="img/兰坤.jpg" alt="">
                </div>
                <h5>
                    学识渊博，能力全面，迄今为止团队最强的实习生。
                </h5>
            </section>

            <section>
                <h2>吴佩莹</h2>
                <div class="">
                    <img class="width-500" src="img/吴佩莹.jpg" alt="">
                </div>
                <h5>
                    开心时产生美妙的亲和力，严肃时制造极强的压迫感
                </h5>
            </section>

            <section>
                <h2>邹蕾</h2>
                <div class="">
                    <img class="width-400" src="img/邹蕾.jpg" alt="">
                </div>
                <h5>
                    肤白、貌美、大长腿，能上厅堂、能下厨房、能写代码
                </h5>
            </section>


            <section>
                <h2>蔡璐</h2>
                <div class="">
                    <img class="width-300" src="img/蔡璐.jpg" alt="">
                </div>
                <h5>
                    江湖上还没有她的故事，但将来必有关于她的传说
                </h5>
            </section>

            <section>
                <h2>黄 <span style="text-decoration: line-through;">飞</span>杰鸿</h2>
                <div class="">
                    <img src="img/黄杰鸿.JPEG" alt="">
                </div>
                <h5>
                    傲气傲笑万重浪，热血热胜红日光。胆似铁打骨似精钢，胸襟百千丈，眼光万里长。
                </h5>
            </section>

            <section>
                <h2>黄伟高</h2>
                <div class="">
                    <img class="width-300" src="img/黄伟高.jpg" alt="">
                </div>
                <h5>
                    对生活很有品味，对代码深有研究，平时以黑肖蜀黍为乐
                </h5>
            </section>

            <section>
                <h2>庞中武</h2>
                <div class="">
                    <img class="width-300" src="img/庞中武.jpg" alt="">
                </div>
                <h5>
                    喜爱羽毛球、乒乓球、跑步、爬山、书法、写作以及各种桌游
                </h5>
            </section>

            <section>
                <h2>沈斯明</h2>
                <div class="">
                    <img class="width-300" src="img/沈斯明.jpg" alt="">
                </div>
                <h5>
                    真·全栈工程师，金融部前端组开拓者，也是大部分老司机的导师
                </h5>
            </section>

            <section>
                <h2>王鹏辉</h2>
                <div class="">
                    <img src="img/王鹏辉.jpg" alt="">
                </div>
                <h5>
                    秩序白银·老中医，除了撸代码和打羽毛球，唯有写养生类文章最让他着迷啦
                </h5>
            </section>

            <section>
                <h2>邬天美</h2>
                <div class="">
                    <img class="width-500" src="img/邬天美.jpg" alt="">
                </div>
                <h5>
                    不是你记忆中的天美（工作室），但致命的程度，没两样！
                </h5>
            </section>

            <section>
                <h2>曹清华</h2>
                <div class="">
                    <img class="width-300" src="img/曹清华.jpg" alt="">
                </div>
                <h5>
                    读书，是为了心平气和地和傻逼讲话；而健身，是为了让傻逼心平气和和你讲话
                </h5>
            </section>
        </section>

        <section>
            <h3>众安三部曲</h3>
            <h1>
                <span data-fragment-index="1">酝酿</span>
                <span class="fragment highlight-green visible" data-fragment-index="2">突破</span>
                <span data-fragment-index="3">格局</span>
            </h1>
        </section>

        <section>
            <section>
                <h3>众安为什么要做小程序？</h3>
                <div>
                    <img src="img/ppt1.png" alt="">
                </div>
            </section>

            <section>
                <h3>做哪些小程序，怎么做，做多久？</h3>
                <div>
                    <img src="img/ppt2.png" alt="">
                </div>
            </section>

            <section>
                <h3>跳出小程序围墙，你还能做什么？</h3>
                <ul>
                    <li>PC Web</li>
                    <li>Mobile Web</li>
                    <li class="fragment highlight-current-blue">Backend(NodeJS+NoSQL)</li>
                    <li class="fragment highlight-current-blue">PC APP(MAC+Win+Linux)</li>
                    <li class="fragment highlight-current-blue">Mobile APP(iOS+Android+WP)</li>
                    <li class="fragment highlight-current-blue">Progressive Web Apps</li>
                    <li class="fragment highlight-current-blue">Virtual Reality</li>
                    <li class="fragment highlight-current-blue">Internet of Things</li>
                    <li class="fragment highlight-current-blue">Web Assembly</li>
                </ul>
            </section>
        </section>

        <section>
            <section data-background-image="img/ten.jpg">
                <div style="left:-3px;top:591px;width:959px;height:auto;">
                    <h2 style="color:#fff;font-weight: bold;">
                        <a href="http://unclexiao.oschina.io/fight/#/10/1">我要打十个！</a>
                    </h2>
                </div>
            </section>
        </section>

        <section>
            <h3>当工程师讨论小程序时，我们在讨论什么</h3>
            <ol>
                <li>特性</li>
                <li>语法</li>
                <li>可读性</li>
                <li>组件化</li>
                <li class="fragment highlight-current-blue">性能调优</li>
                <li>...</li>
            </ol>
        </section>

        <section>
            <h3>
                <a href="https://mp.weixin.qq.com/debug/wxadoc/dev/framework/performance/tools.html">性能面板</a>
            </h3>
            <div>
                <img class="width-300" src="img/data.jpg" alt="">
            </div>
        </section>

        <section>
            <div>
                <a href="http://wetest.qq.com/lab/view/294.html">生命周期</a>
            </div>
            <div>
                <img class="width-300" src="img/sign.jpg" alt="">
            </div>
        </section>

        <section>
            <section data-background-image="img/fighting.jpeg">
                <div style="left:-3px;top:591px;width:959px;height:auto;">
                    <h2 style="color:#fff;font-weight: bold;">
                        搞事情！
                    </h2>
                </div>
            </section>
        </section>
    </div>
</div>


<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>

<script>
    // More info https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
        history: true,
        controls: true,
        progress: true,
        center: true,
        transition: 'zoom',
        dependencies: [
            {
                src: 'lib/js/classList.js', condition: function () {
                return !document.body.classList;
            }
            },
            {src: 'plugin/zoom-js/zoom.js', async: true}
        ]
    });
</script>
</body>
</html>
